import React from 'react'
import { HeaderWrapper } from './style'
import { Link } from 'react-router-dom'
import '../../../assets/font/font_search/iconfont.css'
import '../../../assets/font/font_camera/iconfont.css'
    
function Header() {
  return (
    <HeaderWrapper>
      <div className='header'>
        <div className='header-detail'>
          <i className='iconfont icon-sousuo icon1'></i>          
          <Link
            to='/DewuDetail/DewuDetailFocus'
          >
            <span className='header-focus'>
              关注
            </span>
          </Link>
          <Link
            to='/DewuDetail/DewuDetailRecommend'
          >
            <span className='header-recommend'>
              推荐
            </span>
          </Link>
          <Link
            to='/DewuDetail/DewuDetailFocus'
          >
            <span className='header-broadcast'>
              直播
            </span>
          </Link>
          <i className='iconfont icon-xiangji icon2'></i>
        </div>
      </div>
    </HeaderWrapper>
  )
}

export default Header